@charset "utf-8";
body,h1,h2,h3,h4,h5,h6,hr,p,dl,dt,dd,ul,ol,li,figure,form,fieldset,legend,button,input,textarea,th,td{font-family:"Microsoft Yahei",tahoma,Arial,'Hiragino Sans GB',"\5FAE\8F6F\96C5\9ED1","\5b8b\4f53",sans-serif;margin:0;padding:0;list-style:none}h1,h2,h3,h4,h5,h6{font-weight:100}button,input,select,textarea{font-size:100%;outline:0}body{margin:0;overflow-x:hidden}a{blr:expression(this.onFocus=this.blur());color:#369;text-decoration:none}area{blr:expression(this.onFocus=this.blur())}.clearfix:after{content:'\0020';display:block;height:0;clear:both;font-size:0;visibility:hidden}.clearfix{ zoom: 1;}.clear{clear:both;font-size:1px;width:1px;height:0;visibility:hidden;line-height:0}.fl{float:left;display: inline;}.fr{float:right;display: inline;}em,i{font-style:normal}.none{display:none}.block{display:block}img{border:0}table{border-collapse:collapse;border:0;cellspacing:0;cellpadding:0}.verticalAlign{ vertical-align:middle; display:inline-block; height:100%; width:1px; margin-left:-1px;}a, a img, input,.featured-post .byline {-webkit-transition: all 0.5s ease-out;	-moz-transition: all 0.5s ease-out;-ms-transition: all 0.5s ease-out;	-o-transition: all 0.5s ease-out;transition: all 0.5s ease-out;}.btn{}
/*超出的文字省略，要定义宽度*/
span.spanleft { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; display:block; }
.logo,.tel,.icon,.page ul li i,.backtop a, .backtop a:hover,.arrow a,.arrow a:hover{ background:url(images/hexin.png) no-repeat; }
i.icon{ display:inline-block;}
.wrapper{ width:1160px; margin:0 auto;}
.logo{ background-position: 0 0; width:400px; height:120px;}
.lang{ color:#42270f; margin:20px 0 0 380px;}
.lang h4{ font-size:20px; line-height:20px; margin-bottom:5px; float:left; margin-right:15px;}
.lang-icon{ width:20px; height:20px; display:inline-block; background-position:-260px -120px; float:left; margin:0 5px 0 40px;}
.lang a{ color:#42270f; font-size:14px; padding:0 10px;}
.lang a:hover{ color:#111; text-decoration:underline;}
.tel{ background-position:0 -120px; width:240px;  height:80px;}
#nav{ background:url(images/nav.jpg) center center no-repeat; width:100%; height:120px;}
#nav .fl{ width:400px;}
#nav .fr{ width:750px;}
.nav{height:24px; padding:28px 0; font-size:18px; width:750px;}
.nav ul{}
.nav ul li{float:left; border-left:solid 1px #42270f; text-transform:capitalize; font-weight:600;}
.nav ul li#first{ border:0px;}
.nav ul li a{ color:#42270f; display:inline-block; text-align:center; width:124px;}
.nav ul li a:hover{ color:#111}
#m-bammer{ background:url(images/m-banner.jpg) center center no-repeat; width:100%; height:400px; position:relative; overflow:hidden}
#m-bammer .wrapper{ height:320px; position:relative;}
#m-bammer .logo,#m-bammer .lang{ position:absolute;}
#m-bammer .logo{ left:0px; top:60px;}
#m-bammer .lang{ left:60px; top:140px;}
#m-bammer #nav{ }
.footer{ background:#444; color:#fff;padding:10px 0; font-size:14px; line-height:1.8em; width:100%; max-width:1440px; margin:0 auto;}
.footer .fl{ width:700px; position:relative;}
.footer .fl h2{ margin-bottom:10px;}
.footer .fl .gongshang{ position:absolute; top:0px; left:360px;}
.footer .rwm{ width:330px;}
.footer .rwm table td{ padding:0 10px;}
.rwm img{ width:150px; height:150px;}
.rwm p{ text-align:center; color:#fff; font-size:14px; line-height:1em;}

.copyright{ background:#333; color:#fff;padding:10px 0; font-size:14px; line-height:1.8em; width:100%; max-width:1440px; margin:0 auto;}
.copyright a{ color:#fff; text-decoration:underline;}
.copyright a:hover{ color:#ff0; text-decoration:none;}

.more { height:20px; line-height:20px; text-align:right; font-size:14px; font-weight:100; overflow:hidden; }
.more a { color:#555;text-decoration:underline }
.more a:hover { color:#eb0611; text-decoration:none; }
.more i.icon{ background-position:-100px -160px; width:20px; height:20px; float:right;}
.place{ font-size:14px; color:#333; line-height:20px; text-transform:uppercase;}
.place a{ color:#333; text-decoration:none; }
.place a:hover{ color:#eb0611; text-decoration:underline;}
.place i.icon{ background-position:-280px -120px; width:20px; height:20px; float:left; margin-right:5px; display:inline-block;}

#main{ background:url(images/main.jpg) center top no-repeat; padding-top:20px;}
.con{min-height:330px;}
.con h1{ font-size:24px; color:#262c2c; line-height:25px; padding:15px 0 15px 30px; text-transform:capitalize; border-bottom:solid 2px #cca981; position:relative;}
.con h1 .place{ position:absolute; top:15px; right:0px;}
.text{ padding:20px;}
.text p{ color:#444; font-size:15px; line-height:1.8em;}
#Contact { padding:25px;}
#Contact .text { padding:0 0 0 120px; border:0px !important;}
#Contact .text p { line-height:2.3em;}
#Contact .text i { font: bold 20px/20px "Microsoft Yahei", Verdana, Geneva, sans-serif; color: #555;}
#Contact .map{ width:900px; margin:20px auto 0 auto;}
#Contact .map #gaodi-map{ width:900px; height:400px; border:solid 1px #ccc;}
.map .icon { background: url(http://lbs.amap.com/console/public/show/marker.png) no-repeat; }
.map .icon-cir { height: 31px; width: 28px; }
.map .icon-cir-red { background-position: -11px -5px; }
.amap-info-content h5{ font-size:18px; line-height:20px; margin-bottom:10px; color:#463b32;}
.amap-info-content div{ font-size:14px; line-height:1.6em; color:#444}
/*产品*/
.poster-main{ position:relative;width:1160px;height:600px; margin:20px auto}
.poster-main a,.poster-main img{display:block;}
.poster-main .poster-list{width:800px;height:450px;}
.poster-main .poster-list .poster-item{ position:absolute;left:0;top:0;}
.poster-main .poster-list .poster-item .item-name{ position:absolute; width:100%; height:60px;left:0;bottom:0; background-color: rgba(10,10,10,0.5); text-align:center; font-size:25px; font-weight:bold; color:#fff; line-height:60px;}
.poster-main .poster-btn{ position:absolute;top:0;width:100px; z-index:10; cursor:pointer;  opacity:0.8}
.poster-main .poster-prev-btn{left:0; background: url(js/btn_l.png) no-repeat center center;}
.poster-main .poster-next-btn{right:0; background: url(js/btn_r.png) no-repeat center center;}
/*图片列表*/
.prolist { width:1160px; overflow:hidden; margin:0px auto;}
.prolist ul { float:left; width:1200px; padding:0}
.prolist ul li { float:left; padding:4px; margin:25px 25px 0px 0; width:260px; height:300px; border:solid 1px #ccc; _overflow:hidden; position:relative; line-height: 210px; text-align:center; background:#fff;}
.prolist .proimg{ width:260px; height:260px; position:relative; cursor:pointer; margin:0 auto 5px auto;}
.prolist ul li a { text-decoration:none; }
.prolist ul li p.proname { font-size: 14px; line-height: 30px; height: 30px; overflow: hidden; text-align: center; width: 100%; color: #333; text-transform:uppercase}
.prolist ul li img {max-width: 260px; max-height: 260px; _width: expression(this.width > 260 && this.width > this.height ? 260 :true);
_height: expression(this.height > 260 ? 260: true);vertical-align: middle;display:inline-block; text-align:left;}
.prolist ul li:hover { background:#fff; border-color:#0096cd; border:solid 4px #ccc; padding:1px}
.prolist ul li:hover img.img{filter:alpha(opacity=90); -moz-opacity:0.9; opacity: 0.9;}
.prolist#shopimg ul li {  height:142px;line-height: 138px;}
.prolist#shopimg ul li img {width: 210px; height: 140px;}
/*详细*/
.pro_detail{width:1100px; margin:10px auto; min-height:400px;}
.container { width: 550px; height: 550px; overflow: hidden; position: relative; cursor: pointer;  margin:10px auto;}
div.slides,ul.slides {position: absolute; top: 0; left: 0; padding: 0; margin: 0; text-align:center }
div.slides > div, ul.slides li { position: absolute; top: 0; width: 550px; display: none; padding: 0; margin: 0; }
#pro_detail {width: 550px; position: relative; clear: both; float:left; }
#pro_detail .arrow a{ position:absolute; top:45%;}
.arrow a,.arrow a:hover{ display:block; width:50px; height:50px;}
.arrow a{ text-indent:-990em; filter:alpha(opacity=60); -moz-opacity:0.6; opacity: 0.6;}
.arrow a:hover{ filter:alpha(opacity=100); -moz-opacity:1; opacity: 1;}
.arrow a.previous,.arrow a.previous:hover{ left:0px; background-position:-620px 0;}
.arrow a.next,.arrow a.next:hover{ right:0px; background-position:-740px 0;}
#pro_detail img{max-width: 500px; _width: expression(this.width > 500 && this.width > this.height ? 500 :true);height: auto;}
ul.pagination {padding: 10px; margin: 0;float:left; position:relative; left:50%}
ul.pagination li { text-indent:-990em; float:left; position:relative; right:50%;}
ul.pagination li a { width:10px; height:10px; display:block; background:#ccc; margin:0 5px;}
ul.pagination li.active a { background:#573518; }
.pro_detail table.info{ width:500px; float:right;}
.pro_detail table.info th{ font-size: 16px; font-weight: bold; color: #801827; width: 110px; text-align: right;padding: 5px 10px; vertical-align:top }
.pro_detail table.info td {padding: 5px 10px; font-size:14px; color:#444;  text-transform:uppercase}
.pro_detail table.info td span.red { color: #f00; }
.pro_detail table.info td span.date { font-size:14px; color:#777; }
.pro_detail table.info tr{ border-bottom: solid 1px #ccc; }

.pro_detail .page{ width:1100px; margin:10px auto;}
.pro_detail .page ul li{ width:510px;}
.pro_detail .page ul li a{  width:370px; _width:350px;  height:25px; overflow:hidden; display:block; float:left;}
/*新闻*/
.newslist{ width:98%; margin:0 auto;}
.newslist .newscont{border-bottom:dashed 1px #ccc; padding:10px 5px; margin-bottom:-1px;}
.newslist .newscont h3 a{ color:#336699;}
.newslist .newscont h3 a:hover{ color:#c80000; text-decoration:underline;}
.newslist .newscont p{ font-size:12px; line-height:24px;}
.newslist .newscont p.date{ color:#777;}
.newslist .newscont p.newinfo{ padding:10px;}
.newslist .newscont p.newinfo a{ padding:0 10px; text-decoration:underline;}
.newslist .newscont p.newinfo a:hover{ color:#f00; text-decoration:none;}
.newslist .newscont .r_img{ float:right; width:150px; height:150px;}
.newslist .newscont .r_img img{ width:120px; height:120px; padding:15px;}
.newslist .newscont:hover{ background:#f8f8f8;}

.article{ padding:20px 10px;}
.article .place{text-align:right; padding-bottom:20px;}
.article h5{ display:block; overflow:hidden; padding-left:0; text-align:center; font:26px/1 "\5fae\8f6f\96c5\9ed1", "\534e\6587\7ec6\9ed1", "\9ed1\4f53"; background:#F8F8F8; padding:15px 0}
.article ul li{font-size:14px; padding:15px 25px; line-height:26px; color:#444;}
.article ul.articlepicul li{ padding:10px 0px; text-align:center; width:720px;}
.article ul.rslides_tabs li{ padding:0px;}
.article p.publish{ background:#F8F8F8; border-bottom:solid 3px #f1f1f1; font-size:12px; line-height:26px; text-align:center; color:#222;}
.article p.publish span.red{color:#f00;}
.article p.publish a{ color:#222; margin:0 10px 0 0;}
.article p.publish a:hover{ color:#F00;}
.article p img{max-width: 800px; _width: expression(this.width > 800 && this.width > this.height ? 800 :true);height: auto;}
.article .page{ width:1100px; margin:10px auto;}
.article .page ul li{ width:510px;}
.article .page ul li a{  width:370px; _width:350px;  height:25px; overflow:hidden; display:block; float:left;}
/*页码*/
.page table { border:0; font-size:12px; line-height:20px; font-weight:100; margin:15px auto; }
.page table td {}
.page table td a { background:#fff; color:#222; border:solid 1px #ccc; margin-right:10px; text-decoration:none; display:block; padding:4px 12px; }
.page table td a.current,.page table td a.current:hover { color:#fff; background:#a68968; border-color:#a68968; cursor:default }
.page table td a:hover { color:#222; background:#f0f0f0; }
.page ul li{ background:#edddcc; padding:10px 20px; position:relative; text-transform:uppercase}
.page ul li:hover{ background:#ecd8c3;}
.page ul li i{ width:15px; height:25px; overflow:hidden; display:block; margin:0 10px;}
.page ul li span{ color:#444; float:left; line-height:25px;}
.page ul li.up{float:left;}
.page ul li.up i{  background-position:-850px -80px; float:left; }
.page ul li.down{ float:right;}
.page ul li.down i{ background-position:-890px -80px; float:right; position:absolute; right:10px; top:10px;}
.page ul li a{ color:#444; text-decoration:none; line-height:25px;}
.page ul li a:hover{ color:#f00; text-decoration:underline;}
/*滑动联系*/
.backtop{ right: 1%; bottom: 1%; position: fixed; _position: absolute;  _top: expression(documentElement.scrollTop + 660 + "px"); width:50px; height:50px; display:block; text-indent:-990em; z-index:999;}
.backtop a { display:block; width:50px; height:50px;background-position:-850px 0px; }
.backtop a:hover {background-position:-900px 0px;}
/*首页*/
/*banner*/
#full-screen-slider { width:100%;height:700px; position:relative; margin:0 0 1px 0;}
#full-screen-slider.m-banner { height:400px;}
#slides_banner { display:block; width:100%;height:700px; list-style:none; padding:0; margin:0; position:relative}
#full-screen-slider.m-banner #slides_banner{ height:400px;}
#slides_banner li { display:block; width:100%; height:100%; list-style:none; padding:0; margin:0; position:absolute; z-index:9}
#slides_banner li a { display:block; width:100%; height:100%; text-indent:-9999px}
#pagination { display:block; list-style:none; position:absolute; left:45%; bottom:10px; z-index:9999;  padding:5px 15px 5px 0; margin:0 0 0 30px !important}
#pagination li { display:block; list-style:none; width:15px; height:15px; float:left; margin-left:10px; background:url(images/pagination.png) left center no-repeat;}
#pagination li a { display:block; width:100%; height:100%; padding:0; margin:0;  text-indent:-9999px;}
#pagination li.current { background:url(images/pagination.png) right center no-repeat;}